<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
 body{width:980px; 
 		margin-left:auto; 
		margin-right:auto; 
		background-color:#e2d4bc;}
 #header{width:980px; 
 		height:100px; 
		margin-bottom:5px; 
		background-color:#FFFFFF;}
 img.logo{width:200px; 
 		height:100px; 
		float:left;}
 #garis{width:1024px; 
 		height:10px; 
		background-image:url("image/bg_grad.jpg"); 
 		background-repeat:repeat-x;}
 #content{width:1024px; 
 		height:350px; 
		border-left-color:#333333; 
		border-left-style:solid; 
 		border-left-width:1px; 
		background-color:#FFFFFF;}
 #leftcontent{width:300px; 
 		height:350px; 
		float:left;}
 .table-form{width:250px; 
 		margin-left:auto; 
		margin-right:auto; 
		margin-top:50px;}
 .table-form td{width:auto; 
 		background-color:#333333; 
		color:#FFFFFF;}
 #rightcontent{width:724px; 
 		height:350px; 
		float:left; 
		text-align:center; 
		margin-top:50px;}
 
</style>
</head>
<body>
<div id="header">
    <img src="image/logokanisius1.gif" class="logo" />
</div>

<div id="garis">
</div>

<div id="content">
     <div id="leftcontent">
<table class="table-form">
<tr>
 <td>Nama</td>
 <td><input type="text" />
 </td>
</tr>
<tr>
 <td>Pass</td>
 <td><input type="password" />
 </td>
</tr>
<tr>
 <td colspan="2" style="text-align:center"> <input type="submit" /> </td>
</tr>
</table>
</div>
<div id="rightcontent">
xnxgvhb xcvxcv vbnmbvc vfghjgfvghjk vghjkjnhbgvfbhnj fgyyh 
</div>
</div>


</body>
</html>
